html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img{ margin:0; padding:0; }
ul,ol,li{list-style:none;}
a,u{text-decoration:none;}
img{display:block;border:0;}
i,em{font-style:normal;}
b,strong{font-weight:100;}
html,body{height:100%}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:100;}
.clearfix:after{content:".";clear:both;display:block;height:0;overflow:hidden;visibility: hidden;}



//top
#box-1 ul li:hover a{color: red;}
#box-2 ul li:hover a{color: red;}
#top{height:26px;line-height: 26px;background: #f2f2f2;border-bottom: 1px solid #e5e5e5;}
#top_con{width:1202px;margin: 0 auto;}
#top_con p{float: left;}
#top_con p:nth-child(2){margin-left: 55px;}
#top_con p:nth-child(2) a{padding:0 5px}
#top_con p:nth-child(2) a:hover{color: red;}
#top_con p:nth-child(3){float: right;}
#top_con p:nth-child(3) a{padding: 0 5px;}
#top_con p:nth-child(3) a:hover{color: red;}
//search

#search{height:112px;}
#search_con{width: 1202px;margin: 0 auto;}
#search_con h1{float: left;}
#search_con .search_input{width:560px;height:90px;margin-top:20px;float: left;margin-left: 130px;}
#search_con .search_input p:nth-child(1) a{padding:5px;background: red;color:#fff}
#search_con .search_input p:nth-child(1) a:nth-child(2){background: none;color: #000;}
#search_con .search_input p:nth-child(1) a:nth-child(2):hover{background: coral;}
#search_con .search_input p:nth-child(2) input{width:447px;float: left;height:32px;border: 1px solid red;}
#search_con .search_input p:nth-child(2) span{display: block;width:110px;float: left;height:34px;background: red;line-height: 34px;color: #fff;text-align: center;font-size: 18px;}
#search_con .search_input p:nth-child(3) a{margin-top: 5px;padding:0 10px;border-right: 1px solid gainsboro;color: gainsboro;}
#search_con .shouhou{float: right;margin-top: 20px;height:70px;width:250px}
#search_con .shouhou a{float: left;padding: 0 10px;}
//nav
#nav{height:36px;border-bottom: 2px solid #e31939;}

//main
#main{}
#main_con{width:1202px;margin: 0 auto;}
#main_con .main_con_top{height:37px;line-height: 37px;border-bottom: 1px solid gainsboro;}
#main_con .main_con_top a{padding: 0 5px;}
#main_con .main_con_con{height:900px}
#main_con .main_con_con .con_left{overflow: hidden;width:210px;height:900px;float: left;background: ghostwhite;}
#main_con .main_con_con .con_left div:nth-child(1){width:210px;height:40px;line-height: 40px;color: #fff;background: red;padding:0 10px}
#main_con .main_con_con .con_left div:nth-child(2){width:210px;height:145px;background:-webkit-radial-gradient(center,circle,red 5%,yellow 30%,pink)}
#main_con .main_con_con .con_left div:nth-child(2) p:nth-child(1){overflow: hidden;margin: 20px;width:82px;height:82px;border-radius: 50%;background: gold;float: left;}

#main_con .main_con_con .con_left div:nth-child(2) p:nth-child(2){;margin-top:20px;width:48px;padding:20px;float: left;}
#main_con .main_con_con .con_left ul{width:210px;}
#main_con .main_con_con .con_left ul li{width:210px;height:30px;line-height: 30px;text-align: center;}
#main_con .main_con_con .con_left ul li:hover a{color:red;}


#main_con .main_con_con .con_right{float: left;height:145px;width:990px;border-bottom: 1px solid gainsboro;;}
#main_con .main_con_con .con_right div:nth-child(1){height:150px}
#main_con .main_con_con .con_right div:nth-child(1) ul li{float: left;width:230px;border-right: 1px solid gainsboro;height:145px}
#main_con .main_con_con .con_right div:nth-child(1) ul li:nth-child(4){border: none;}




#main_con .main_con_con .con_right div:nth-child(1) ul li:nth-child(1) p{height:45px;line-height: 45px;text-align: center;}
#main_con .main_con_con .con_right div:nth-child(1) ul li:nth-child(2) p{height:45px;line-height: 45px;text-align: center;}
#main_con .main_con_con .con_right div:nth-child(1) ul li:nth-child(3) p{height:45px;line-height: 45px;text-align: center;}
#main_con .main_con_con .con_right div:nth-child(1) ul li:nth-child(4) p:nth-child(1){height:20px;padding: 20px;font-size: 16px;}
#main_con .main_con_con .con_right div:nth-child(1) ul li:nth-child(4) p:nth-child(2) {width:300px}
#main_con .main_con_con .con_right div:nth-child(1) ul li:nth-child(4) p:nth-child(2) a{float: left;padding: 0 15px;}
#main_con .main_con_con .con_right div:nth-child(2){height:330px;border-bottom: 1px solid gainsboro;overflow: hidden;}
#main_con .main_con_con .con_right div:nth-child(2) div:nth-child(1){width:690px;height:330px;border-right: 1px solid gainsboro;float: left;}
#main_con .main_con_con .con_right div:nth-child(2) div:nth-child(1) a:hover{color: red;}
#main_con .main_con_con .con_right div:nth-child(2) div:nth-child(1) p:nth-child(1){padding-top: 10px;height:30px}
#main_con .main_con_con .con_right div:nth-child(2) div:nth-child(1) p:nth-child(1) span{float: left;display: block;}
#main_con .main_con_con .con_right div:nth-child(2) div:nth-child(1) p:nth-child(1) span:nth-child(1){margin-left: 10px;border-left: 5px solid red;}
#main_con .main_con_con .con_right div:nth-child(2) div:nth-child(1) p:nth-child(1) span:nth-child(2){margin-left: 204px;}
#main_con .main_con_con .con_right div:nth-child(2) div:nth-child(1) p:nth-child(1) span:nth-child(2) a{padding:0 10px;border-right: 1px solid gainsboro;}
#main_con .main_con_con .con_right div:nth-child(2) div:nth-child(1) p:nth-child(1) span:nth-child(3){float: right;margin-right: 10px;border: none;}


#main{
    #main_con{
        .con_right{
            div:nth-child(2){
                div:nth-child(1){
                    p:nth-child(2){
                       height:18px;line-height: 18px;text-align: center; margin-top: 90px;
                    }
                }
            }
        }
    }
}



#main{
    #main_con{
        .con_right{
            div:nth-child(2){
                div:nth-child(2){
                   float: left;
                       p:nth-child(1){
                        height:20px;line-height: 20px;
                         border:none;border-left:5px solid red;margin-left: 10px;
                        margin-top:10px ;
                       }
                       p:nth-child(2){
                           width:290px;text-align: center;
                           margin-top: 270px;border-top:1px solid gainsboro;
                           height:30px;line-height: 30px;
                           a:hover{
                               color: red;
                           }
                       }
                }
            }
        }
    }
}


#main{
    #main_con{
        .con_right{
            div:nth-child(3){
                height:245px;border-bottom: 1px solid gainsboro;
                div:nth-child(1){
                    float: left;overflow:hidden;width:690px;height:245px;border-right:1px solid gainsboro;
                    p:nth-child(1){
                        height:20px;padding: 10px 10px;
                        a:nth-child(1){
                            float: left;border-left:5px solid red;
                        }
                        a:nth-child(2){
                              float: right;                         
                        }
                        a:nth-child(2):hover{
                            color: red;
                        }
                        
                    }
                    ul{
                        li{
                            width:120px;height:160px;float: left;border: none;
                            text-align: center;margin: 25px 25px;
                            img{
                               height:120px; 
                            }
                            a:hover{
                                color: red;
                            }
                        }
                    }
                }
                div:nth-child(2){
                    float: left;overflow: hidden;border: none;height:245px;
                    p:nth-child(1){
                       height:20px;padding: 10px 10px;
                            a:nth-child(1){
                                float: left;border-left:5px solid red;
                            }
                       
                    }
                    p:nth-child(2){
                        width: 299px;height:20px;line-height: 20px;
                        text-align: center;margin-top: 180px;
                        border-top: 1px solid gainsboro;
                        a:hover{
                            color: red;
                        }
                    }
                    
                }
            }
        }
    }
}

#main{
    #main_con{
        .con_right{
            div:nth-child(4){
               height:170px;border-bottom: 1px solid gainsboro;
               width:990px;
           
               p:nth-child(1){
                   padding:10px;height:20px;
                   a{
                       padding:0 10px;float: left;
                      
                   }
                    a:nth-child(2){
                           border-left: 5px solid red;
                       }
                   
               }
               p:nth-child(2){
                   width: 990px;text-align: center;
                   margin-top: 30px;font-size: 20px;
                   a{
                       color: orangered;
                   }
               }
            }
        }
    }
}

//blogroll
#blogroll_con{width:1202px;height:302px;min-height: 302px;margin: 0 auto; border-bottom: 1px solid gainsboro;}
#blogroll_con p{height:66px;line-height: 66px;border-bottom: 1px solid gainsboro;}
#blogroll_con p a{padding:0 30px;color: darkslateblue;font-size: 18px;}
#blogroll_con ul{height:234px}
#blogroll_con ul li{margin-top:45px;float: left;width:187px;height:184px;border-right: 1px solid gainsboro;}
#blogroll_con ul li a{width:187px;text-align: center;display: block;padding:2px 0 }
#blogroll_con ul li a:hover{color: red;}
#blogroll_con ul li:nth-child(6){border:none}
//bottom
#bottom_con{width:1202px;margin: 0 auto;height:60px}
#bottom_con p{width:1202px;height:30px;line-height: 30px;text-align: center;}
#bottom_con p a{border-right:1px solid #000;padding:0 1px}






#main_con .main_con_con .con_right{float: left;}
